 <!-- 店铺列表项组件 -->
<template>
	<div class="list_item flex">
		<van-image class="item_img" :src="item.imgUrl" />
		<div class="item_content flex_item">
			<div class="item_title">{{ item.name }}</div>
			<div class="item_tags">
				<span class="item_tag" v-for="(tag, ind) in item.tags" :key="ind">{{ tag }}</span>
			</div>
			<p class="item_text">{{ item.slogan }}</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'ShopInfo',
	props: ['item']
};
</script>

<style lang="scss" scoped>
.list_item {
	padding-top: 0.12rem;
	color: #333;
	.item_content {
		padding-bottom: 0.1rem;
		border-bottom: 0.01rem solid #eee;
	}
	.item_img {
		width: 0.65rem;
		height: 0.65rem;
		margin-right: 0.16rem;
	}
	.item_title {
		font-size: 0.14rem;
		line-height: 0.22rem;
	}
	.item_tags {
		font-size: 0.12rem;
		line-height: 0.18rem;
		margin: 0.06rem 0;
	}
	.item_tag {
		margin-right: 0.16rem;
	}
	.item_text {
		font-size: 0.12rem;
		color: #e93b3b;
	}
}
</style>
